<template>
  <div>
    <!-- 作用域插槽：用于子组件往父组件的作用域中传值 -->
    <!-- v-slot="obj"中obj随便起名字，是一个对象 -->
    <!-- 此处为解构赋值 -->
    <!-- 解构出的Component就是当前的路由组件 -->
    <!-- 这是vue3中的写法，vue2中可以直接把router-view写在keepalive里面。 -->
    <router-view v-slot="{ Component }">
      <keep-alive include="list">
        <component :is="Component" />
      </keep-alive>
    </router-view>
  </div>
</template>

<script setup></script>

<style lang="scss" scoped></style>
